<!--  -->
<template>
  <div class="mend">
    <div class="ds">
      <div class="lt">
        <div class="igs">
          <img src="@/static/img/cards.png" alt="" />
        </div>
      </div>
      <div class="showit">
        <Mend />
      </div>
    </div>
  </div>
</template>

<script>
import Mend from '@/components/admin/card/Mend.vue'
export default {
  components: {
    Mend,
  },
  data() {
    return {}
  },
  created() {},
  methods: {},
  beforeDestroy() {},
}
</script>

<style lang='scss' scoped>
.flex-1 {
  background: #fff;
}
.mend {
  width: 100%;
  height: 890px;
  background: #fff;
  display: flex;
  min-width: 1200px;
  .ds {
    width: 100%;
    margin-top: 53px;
    height: 890px;
    background: #fff;
    display: flex;
    .lt {
      height: 890px;
      display: flex;
      flex: 1;
      justify-content: center;
      .igs {
        // width: 355px;
        height: 710px;

        img {
          display: block;
          width: 355px;
          height: 682px;
        }
      }
    }
    .showit {
      width: 800px;
      height: 890px;
      display: flex;
      flex: none;
      margin-right: 52px;
    }
  }
}
</style>
